<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			*{margin: 0;padding: 0;}
			ul li{list-style: none;}
			a{text-decoration: none;}
			img{vertical-align: top;}
			.table{
				width: 362px;
				height: 508px;
				margin: 50px auto;
			}
			.table .H{
				width: 100%;
				height: 59px;
			}
			.table .H h3{
				float: right;
				font-size: 12px;
				font-weight: normal;
				line-height: 59px;
			}
			form fieldset{
				border: none;
				border-top: 1px solid #c9dca6;
			}
			form fieldset legend{
				margin-left: 5px;
				padding: 0 3px;
			}
			form div fieldset p{
				margin-top: 14px;
				margin-left: 31px;
			}
			form div fieldset p label{
				margin-right: 5px;
			}
			form div fieldset p label input{
				border: 1px solid #7f9db9;
			}
			.f2 input{
				margin-left: 33px;
			}
			.f2 textarea{
				resize: none;
				width: 221px;
				height: 117px;
				margin-left: 33px;
			}
			form .input{
				display: block;
				width: 100px;
				margin: 0 auto;
			}
		</style>
	</head>
	<body>
		<div class="table">
			<div class="H">
				<h3>*号所在项为必填项</h3>
			</div>
			<form>
				<div>
					<fieldset>
						<legend>个人信息</legend>		
						<p>
							<label for="name">姓名*</label>
							<input type="text" id="name"/>
						</p>
						<p>
							<label for="position">地址*</label>
							<input type="text" id="position "/>
						</p>
						<p>
							<label>出生*</label>
							<select >
								<option>1</option>
							</select>
							<select>
								<option>Jan</option>
							</select>
							<select>
								<option>1979</option>
							</select>
						</p>
						<p>
							<label>性别*</label>
							<select>
								<option>女</option>
								<option>男</option>
							</select>
						</p>
					</div>
				</fieldset>
				<fieldset class="f2">
					<legend>其他信息</legend>
					<fieldset>
						<legend>你喜欢这个表单吗？</legend>
						<input type="radio" name="like"/>喜欢
						<input type="radio" name="like"/>不喜欢
					</fieldset>
					<fieldset>
						<legend>你喜欢什么运动？</legend>
						<input type="checkbox"  name="sports"/><span>足球</span>
						<input type="checkbox"  name="sports"/><span>蓝球</span>
						<input type="checkbox"  name="sports"/><span>排球</span>
					</fieldset>
					<fieldset>
						<legend>请写下你的建议</legend>
						<textarea>
							
						</textarea>
					</fieldset>
				</fieldset>
				<input type="button" value="提交个人信息" class="input"/>
			</form>
		</div>
	</body>
</html>
